* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
// body{
//   background: url('../../110.jpeg');
// }
.warp {
  height: 1920px;
  header {
    .box {
      display: flex;
      justify-content: space-between;
      .top {
        padding: 10px;
      }
      .top2 {
        width: 500px;
        display: flex;
        padding: 10px;
        justify-content: space-around;
        li:hover{
          color: aqua;
        }
      }
      
    }
    .box1 {
      img {
        width: 100%;
        height: 500px;
      }
    }
  }
  main {
    .box2 {
      width: 600px;
      height: 50px;
      margin: 10px auto;
      ul {
        display: flex;
        justify-content: space-between;
      }
    }
    .box3 {
      width: 1000px;
      height: 360px;
      display: flex;
      margin: 10px auto;
      .top3 {
        width: 260px;
        line-height: 50px;
      }
      .top4 {
        width: 700px;
        height: 100%;
        line-height: 20px;
      }
    }
    .box4 {
      img {
        width: 100%;
        height: 200px;
      }
    }
    .box5 {
      width: 1000px;
      height: 500px;
      display: flex;
      margin: 10px auto;
      .top5 {
        .tao1 {
          img {
            width: 600px;
            height: 300px;
          }
        }
        .tao2 {
          width: 600px;
          height: 180px;
          line-height: 20px;
        }
      }
    }
    .top6 {
      width: 360px;
      height: 400px;
      margin-left: 20px;

      .tao3 {
        display: flex;
        background-color: aliceblue;
        .tao4 {
          width: 120px;
          height: 80px;
          line-height: 50px;
        }
        .tao5 {
          padding: 10px;
        }
      }
    }
    .box6 {
      display: flex;
      width: 1000px;
      height: 300px;
      margin: 10px auto;
      background-color: aliceblue;
      .tao6 {
        width: 700px;
        height: 100%;
        button {
          background-color: black;
          color: azure;
        }
      }
      .tao7 {
        width: 380px;
        height: 100%;
        padding-left: 10px;
        img {
          width: 500px;
          height: 100%;
        }
      }
    }
    .box7 {
      width: 1270px;
      height: 300px;
      padding: 20px;
      display: flex;
      justify-content: space-between;
      .thy {
        width: 400px;
        height: 400px;
        line-height: 10px;
        img {
          width: 100%;
          height: 180px;
        }
        .han {
          display: flex;
          .han1 {
            width: 200px;
            height: 200px;
            img {
              width: 200px;
              height: 100%;
            }
          }
          .han2 {
            width: 200px;
            height: 200px;
            img {
              width: 180px;
              height: 180px;
              padding: 10px;
            }
          }
        }
      }
      .thy1{
        width: 200px;
        
        .app{
          width: 200px;
          height: 180px;
        }
        .app2{
          width: 200px;
          height: 280px;
        }
      }
      .thy2{
        width: 200px;
        
        // .app{
        //   width: 200px;
        //   height: 180px;
        // }
        // .app2{
        //   width: 200px;
        //   height: 280px;
        // }
      }
      .thy3{
        width: 200px;
        
        // .app3{
        //   width: 200px;
        //   height: 180px;
        // }
        // .app4{
        //   width: 200px;
        //   height: 280px;
        // }
      }
      .thy4{
        width: 200px;
        text-align:right;
        line-height: 40px;
        button{
          background-color: black;
          color: aliceblue;
        }
        
        
        
      }
    }
  }
  footer {
    height: 50px;
    background-color: black;
    /* border: 1px solid#000; */
    text-align: center;
    margin: 200px auto;
    color: azure;
  }
}
